import React from "react";
import { Card,Flex ,Button} from "antd";

const cardStyle= {
  width: 620,
  marginTop:20
};

const imgStyle = {
  display: 'block',
  width: 200,
  height:200
};



const Opus =()=>{
  return(
    <Card hoverable style={cardStyle} bodyStyle={{ padding: 0, overflow: 'hidden' }}>
    <Flex justify="space-between">
      <Flex vertical align="flex-end" justify="space-between" style={{ padding: 32 }}>
       <div> 123414 </div>
        <div> alksdl  </div>
        <Button type="primary" >
          Get Started
        </Button>
      </Flex>
      <img
        alt="avatar"
        src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
        style={imgStyle}
      />
    
    </Flex>
  </Card>
  )
}

export default Opus